;(function () {
  var oUserList = JSON.parse(sessionStorage.getItem('user') || '{}')
  if (oUserList.name == undefined) {
    setTimeout(() => {
      location = '../html/login.html'
    }, 10)
  }

  // 下拉
  $(function () {
    $('.c2-con-left')
      .on('mouseenter', function () {
        $(this).find('li').show()
      })
      .on('mouseleave', function () {
        $(this).find('li').hide()
      })

    // 侧边导航栏
    $('.content3')
      .on('mouseover', function () {
        $(this).find('.c3-back').stop(true, false).animate({ left: '0px' })
      })
      .on('mouseleave', function () {
        $(this).find('.c3-back').stop(true, false).animate({ left: '34px' })
      })

    // 联系客服
    $('.c3-con4')
      .on('mouseenter', function () {
        $(this).find('.c3-con4-show').show()
      })
      .on('mouseleave', function () {
        $(this).find('.c3-con4-show').hide()
      })

    // 扫码
    $('.c3-con5')
      .on('mouseenter', function () {
        $(this).find('.c3-con5-show').show()
      })
      .on('mouseleave', function () {
        $(this).find('.c3-con5-show').hide()
      })

    // 回到顶部
    $('.c3-con5').on('click', function () {
      $('html,body').animate({ scrollTop: 0 })
    })
    $('.top-feed').on('click', function () {
      $('html,body').animate({ scrollTop: 0 })
    })

    $('.hos')
      .on('mouseenter', function () {
        $(this).find('.sizeOver').stop().show()
        $(this).find('.toggIcon').stop().hide()
        $(this).find('.toggIcon2').stop().show()
      })
      .on('mouseleave', function () {
        $(this).find('.sizeOver').stop().hide()
        $(this).find('.toggIcon').stop().show()
        $(this).find('.toggIcon2').stop().hide()
      })
  })

  // 固定导航栏
  $(window).on('load', function () {
    var oMsg1 = document.querySelector('.msg')
    var oMsg2 = document.querySelector('.showLeng2')
    var oMsg3 = document.querySelector('.numbercount')
    var oCartList = JSON.parse(localStorage.getItem('cart') || '[]')
    let cartLength = oCartList.length
    oMsg1.innerHTML = cartLength
    oMsg2.innerHTML = cartLength
    oMsg3.innerHTML = cartLength

    let topH = $('.header').height() //获取到头部的高度
    $(window).on('scroll', function () {
      let sTop = $(this).scrollTop() //获取不可见区域的高度
      if (sTop > topH) {
        $('.content2').css({
          backgroundColor: 'rgba(0,0,0,0)',
          position: 'fixed',
          top: 0
        })
        $('.buttom').css({
          marginTop: $('.c2-con').height()
        })
      } else {
        $('.content2').css({
          backgroundColor: 'rgba(0,0,0,1)',
          position: 'static'
        })
        $('.buttom').css({
          marginTop: '20px'
        })
      }
    })
  })

  // // 图片轮播
  class Swiper {
    constructor(el) {
      this.$el = el
      this.$oUl = this.$el.find('ul')
      this.$oOl = this.$el.find('ol')
      this.imgIndex = 0
      this.tempIndex = 0
      this.init()
    }
    //   初始化
    init() {
      //   1、把第一张图片克隆到最后位置
      let $cloneLi = this.$el.children('.screen').find('li').first().clone(true)
      $cloneLi.appendTo(this.$oUl)
      // 2、下面的li要动态创建
      for (var i = 0; i < this.$oUl.children().length; i++) {
        let $li = $(`<li>${i + 1}</li>`)
        $li.addClass(i == 0 ? 'current' : '')
        $li.appendTo(this.$oOl)
      }
      this.timer = setInterval(() => {
        this.imgIndex++
        this.tempIndex++
        this.autoPlay()
      }, 3000)
    }

    //   自动播放
    autoPlay() {
      if (this.imgIndex > 2) {
        this.imgIndex = 1
        this.$oUl.css({ left: 0 })
      }
      this.$oUl.animate({ left: this.imgIndex * -210 }, 1500)
      if (this.tempIndex >= 2) {
        this.tempIndex = 0
      }
      this.$oOl.children().eq(this.tempIndex).addClass('current').siblings().removeClass('current')
    }
  }

  $.fn.extend({
    Swiper() {
      new Swiper(this)
    }
  })

  $(function () {
    $('.c1-con3').Swiper()
  })
})()
